<template>
  <div class="commodity.vue">
    <headerBar :srcSearch="srcSearch" :title="title" :srcChat="srcChat"></headerBar>
    <router-link :to="{name:'commodityEva'}" class="commo-title">详情</router-link>
    <router-link :to="{name:'commodityPage'}" class="commo-title">评价</router-link>
    <router-view></router-view>
    
  </div>
</template>

<script>
import headerBar from "@/components/HeaderBar";
import Mack from "mockjs";
const Random = Mack.Random;
export default {
  name: "commodity.vue",

  data() {
    return {
      srcSearch: require("@/assets/imgs/icons/search.png"),
      srcChat: require("@/assets/imgs/icons/chat.png"),
      title: "商品详情",
      id: Random.guid(),
    };
  },

  methods: {},
  components: {
    headerBar
  }
};
</script>

<style lang='scss' scoped>
@import "@/assets/style/commin.scss";
.commo-title{
  font-size: 17px;
  color: #999;
  margin: 0 26px;
  margin-top: 16px;
  margin-bottom: 20px;
}
</style>
